<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>Understanding Responsive Images - Lesson 14</title>

	<!-- Styles -->
	<link rel="stylesheet" href="normalize.css">
	<link href='http://fonts.googleapis.com/css?family=Lato:700, Merriweather:400,400italic,700,700italic,300,300italic' rel='stylesheet' type='text/css'>

	<style>
		/* General Styling */
		body {
			padding: 3em 0;
			text-align: center;
		}
	</style>
</head>
<body>

	<img src="img/size-normal.jpg" alt="A normal image, good quality">
	<img src="img/size-large.jpg" width="600px" alt="A very large image, really low quality">	

</body>
</html>